
<template>
  <div class="coupons-detail">
    <van-nav-bar
        title="订单列表"
        left-text="返回" 
        left-arrow
        @click-left="onClickLeft"  
    />
    <van-tabs v-model="active" swipeable color="#F6A455"> 
        <van-tab title="未支付"> </van-tab>
        <van-tab title="已支付"> </van-tab>
        <van-tab title="未完成"> </van-tab>
        <van-tab title="已完成"> </van-tab>
    </van-tabs>
    <div class="content">
        <p>暂无记录</p>
    </div>
    

    <!-- <div class="receive"><p>领取更多好券</p></div> -->
  </div>
</template>

<script>
  import nError from './../tpl/error'
  import menuTpl from './../tpl/menuTpl'
  export default {
    data(){
        return{
            active:0
        }
    },
    created(){

    },
    methods:{
        onClickLeft(){
            this.$router.go(-1);
        },
    },
    components:{
    }

  }
</script>

<style scoped lang="scss">
  .coupons-detail{
    position: relative;
    width: 100%;
    height: 100%; 
    .content{
      height: 30%;
      display: flex;
      align-items: center;
      -webkit-align-items: center;
      justify-content: center;
      -webkit-justify-content: center;

      p{
        text-align: center;
      }
    }

    .receive{
      position: absolute;
      left: 50%;
      margin-left: -35%;
      bottom: 20%;
      width: 70%;

      p{
        text-align: center;
        padding: .4rem 0;
        background: #ffeac7;
        font-size: .48rem;
      }
    }

  }
</style>
